<template>
    <div id="informManagement">
        <div>
            <van-config-provider :theme-vars="themeVars">
            <van-nav-bar
            title="通知管理"
            left-arrow
            @click-left="onClickLeft"
            style="background-color: rgba(234, 233, 229);"
            />
            </van-config-provider>
        </div>
        <div class="van-hairline--bottom" style="height:70px">
            <van-cell title="消息免打扰">
            <template #right-icon>
                <van-switch v-model="checked" size="24px" active-color="#c1ab96" inactive-color="#ebe9e5"/>
            </template>
            </van-cell>
        </div>
        <div style="margin-left:10px;color:rgba(153, 153, 153)">
            <span>设置后，所有通知将用红点显示，不再显示未读数字。</span>
        </div>
    </div>
</template>
<script lang="ts" setup>
import {ref} from 'vue'
const themeVars = {
    fontWeightBold:'bolder',
    navBarTitleFontSize:'20px',
}
let onClickLeft = ()=>{
    history.back();
}
let checked = ref(false)
</script>
<style scoped>
    #informManagement {
        background-color: rgba(234, 233, 229);
        height: 850px;
    }
</style>